/* ========================================================================
 SETTINGS
 Basic settings & mixins for the plugin...
 ==========================================================================
*/
/* ========================================================================
 BETTER FORMATS
 Styles the new Better Formats UI for the post editor
 ==========================================================================
*/
#bf-helpdata {
  display: none; }

#bf-info {
  display: none; }
  #bf-info .bf-intro {
    padding: 7px 10px;
    background: #f9f9f9; }
  #bf-info .bf-opt {
    display: block;
    position: relative;
    padding: 7px 0;
    cursor: pointer;
    border-bottom: 1px solid #dfdfdf !important; }
    #bf-info .bf-opt a {
      text-decoration: none;
      color: black; }
    #bf-info .bf-opt:last-child {
      border-bottom: none !important; }
    #bf-info .bf-opt:hover, #bf-info .bf-opt.selected {
      background-color: #f1f8ff; }
    #bf-info .bf-opt:hover, #bf-info .bf-opt:hover a, #bf-info .bf-opt.selected, #bf-info .bf-opt.selected a {
      color: #21759b !important; }
    #bf-info .bf-opt.selected {
      background-image: url("formats-selected.png");
      background-repeat: no-repeat;
      background-position: right top;
      border-left: 3px solid #21759b; }
    #bf-info .bf-opt .bf-text {
      padding-left: 57px;
      padding-right: 30px; }
      #bf-info .bf-opt .bf-text .bf-title {
        font-weight: bold; }
    #bf-info .bf-opt .bf-icon {
      position: absolute;
      top: 0;
      left: 0;
      width: 57px;
      height: 45px;
      margin-top: 2px;
      background-image: url("formats-sprite.png");
      background-position: 0 0; }
    #bf-info .bf-opt:hover
    .bf-icon, #bf-info .bf-opt.selected .bf-icon {
      background-position-x: 51px; }
    #bf-info .bf-opt .bf-icon.bf-aside {
      background-position-y: -45px; }
    #bf-info .bf-opt .bf-icon.bf-audio {
      background-position-y: -90px; }
    #bf-info .bf-opt .bf-icon.bf-chat {
      background-position-y: -135px; }
    #bf-info .bf-opt .bf-icon.bf-gallery {
      background-position-y: -180px; }
    #bf-info .bf-opt .bf-icon.bf-image {
      background-position-y: -225px; }
    #bf-info .bf-opt .bf-icon.bf-link {
      background-position-y: -270px; }
    #bf-info .bf-opt .bf-icon.bf-quote {
      background-position-y: -315px; }
    #bf-info .bf-opt .bf-icon.bf-status {
      background-position-y: -360px; }
    #bf-info .bf-opt .bf-icon.bf-video {
      background-position-y: -405px; }
    #bf-info .bf-opt a.bf-help.thickbox {
      display: none !important;
      text-decoration: none !important;
      position: absolute !important;
      top: 10px;
      right: 5px;
      width: 15px;
      height: 15px;
      border-radius: 15px;
      font-size: 10px;
      text-align: center;
      background: #dfdfdf !important;
      color: white !important; }
      #bf-info .bf-opt a.bf-help.thickbox:hover {
        background: #21759b !important; }

@media screen and (-webkit-min-device-pixel-ratio: 2) {
  #bf-info .bf-opt .bf-icon {
    background-image: url("formats-sprite-2x.png");
    background-size: 100px 450px; }

  #bf-info .bf-opt.selected {
    background-image: url("formats-selected-2x.png");
    background-size: 207px 93px; } }
/* ========================================================================
 NON-VERBOSE
 Styles for no-verbose mode. Hide descriptions.
 ==========================================================================
*/
#bf-info.no-verbose .bf-opt {
  min-height: 35px; }

#bf-info.no-verbose .bf-opt .bf-descr {
  display: none; }

/* ========================================================================
 LIST TABLE LABELS
 Styles that pretty up the special format labels for the post list table
 ==========================================================================
*/
.post-state-format {
  padding: 3px 6px;
  border-radius: 3px;
  font-size: 0.8em;
  background: #b3dbff;
  color: white !important;
  font-weight: normal !important;
  display: inline-block;
  width: 40px !important;
  text-align: center;
  margin-right: 5px;
  float: right; }
  .post-state-format:before {
    display: inline-block;
    color: white;
    text-align: center;
    padding: 0;
    margin: 0; }

.post-state {
  padding: 3px 6px;
  border-radius: 3px;
  font-size: 0.8em;
  background: #b3dbff;
  color: white !important;
  font-weight: normal !important;
  display: inline-block;
  width: 40px !important;
  text-align: center;
  margin-right: 5px;
  float: right;
  background-color: #b0e7b6; }
  .post-state:before {
    display: inline-block;
    color: white;
    text-align: center;
    padding: 0;
    margin: 0; }

.status-draft .post-state {
  background-color: #ffadad; }
